﻿

/*
 * FHM CSS v2015
 * Copyright 2015 FOR HIM MAGAZINE, All rights reserved.
 * http://www.enrz.com
 * 
 * Author: MichaeLee IT
 * Updated: Tue Mar 30 09:36 2015
 * http://www.michaelee.com
 */


/* Global */
a{blr:expression(this.onFocus=this.blur());} /* for IE */
img{blr:expression(this.onFocus=this.blur());} /* for IE */
input[type="button"]{blr:expression(this.onFocus=this.blur());} 

html,body,div,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp, 
small,strike,strong,sub,sup,tt,var, 
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,input,textarea,select,button,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{background:transparent; border:0; font-weight:normal; margin:0; outline:0; padding:0;}
strong{font-weight:bold;}

body{background:#e9e9e9; font-family:/*"Lucida Grande",sans-serif,Heiti,黑体,*/"Microsoft Yahei","微软雅黑"; color:#666; font-size:15px;}
@media screen and (max-width: 640px) {
body{font-size:14px;}
}

a:link,a:visited,a:active{color:#212121; text-decoration:none;}
a:hover{color:#f00; cursor:pointer;}
a:focus{outline:0;} /* for Firefox */

table{word-wrap:break-word; word-break:break-all;}

.pagebox{margin:0 auto; padding:0 3px; width:1000px;}
@media screen and (max-width: 640px) {
.pagebox{padding:0; width:100%;}
}

/* header */
#globalheader{background:url(../Images/bg_dark.png); border-bottom:4px #f00 solid; box-shadow:rgba(0,0,0,0.2) 0 3px 4px; -moz-box-shadow:rgba(0,0,0,0.2) 0 3px 4px; -webkit-box-shadow:rgba(0,0,0,0.2) 0 3px 4px; /*filter:progid:DXImageTransform.Microsoft.Shadow(color=’#000’, Direction=3, Strength=4);*/ display:inline-table; height:100px; position:absolute; top:0; width:100%; z-index:9999999;}
    #widgets{background:#000; height:45px;}
        .quicknav{color:#aaa; float:left; font-size:14px; height:45px; line-height:45px;}
        .quicknav a{color:#aaa; margin-right:14px; text-decoration:none;}
        .quicknav a:hover{color:#fff;}
        
        .searchbox{border:1px #888 solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; float:right; height:23px; margin:10px 0;}
        .searchbox input{float:left;}
        .searchbox input.txt{color:#ddd; height:23px; line-height:23px; padding:0 2px 0 6px; width:180px;}
        .searchbox input.btn{background:url(../Images/btn_search.png) center center no-repeat; cursor:pointer; height:23px; padding:0; text-indent:-100000px; width:23px;}

    ul#globalnav{height:55px;}
    ul#globalnav li{float:left; margin:0 8px; position:relative;}
    ul#globalnav li.logo{background:url(../Images/logo.png) center left no-repeat; margin-left:0; margin-right:46px; padding:11px 0; width:74px; height:33px;}
    ul#globalnav li a{color:#fff; display:block; font-size:22px; font-weight:bold; height:55px; line-height:55px; padding:0 8px; text-decoration:none;}
    ul#globalnav li a:hover,ul#globalnav li.cur a,ul#globalnav li.cur a:hover{background:#f00; color:#000;}
    ul#globalnav li ul.gn-sub{background-color:#f00; border-top:4px #f00 solid; display:none; left:0; margin-top:-1px; position:absolute; top:56px; width:149px; z-index:9999999;}
    ul#globalnav li ul.gn-sub li{border-bottom:1px #fff solid; margin:0;}
    ul#globalnav li ul.gn-sub li:last-child{border-bottom:none;}
    ul#globalnav li ul.gn-sub li a{color:#fff; font-size:14px; height:28px; line-height:28px; padding-left:11px; width:130px;}
    ul#globalnav li ul.gn-sub li a:hover,ul#globalnav li ul.gn-sub li.cur-sub a,ul#globalnav li ul.gn-sub li.cur-sub a:hover{background:url(../Images/bg_dark.png); color:#fff;}
    .quicknav-mobile{display:none;}
@media screen and (max-width: 640px) {
#globalheader{background:#2a2a2a; border-bottom:none; display:block; height:46px; position:fixed;}
    #widgets{display:none; height:35px; left:0; padding:0; position:absolute; top:46px; width:100%;}
        .quicknav{font-size:12px; height:35px; line-height:35px; padding-left:0;}
        .quicknav a{color:#fff;}
        
        .searchbox{border:1px #f00 solid; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height:21px; margin:6px 0; text-align:center; width:100%;}
        .searchbox input.txt{color:#fff; height:21px; line-height:21px; margin-left:6px; padding:0 10px; text-align:center; width:100%;}
        .searchbox input.btn{width:0;}
        
    ul#globalnav{background:#2a2a2a; box-shadow:rgba(0,0,0,0.2) 0 0 57px; -moz-box-shadow:rgba(0,0,0,0.2) 0 0 57px; -webkit-box-shadow:rgba(0,0,0,0.2) 0 0 57px; left:-200px; overflow-y:auto; padding-top:44px; position:absolute; top:0; width:200px;}
    ul#globalnav li{clear:both; float:none; margin:0; text-align:center;}
    ul#globalnav li.logo{display:none;}
    ul#globalnav li:last-child{border-bottom:none;}
    ul#globalnav li a{background:#f00; border-bottom:1px #fff solid; color:#fff; font-size:16px; height:30px; line-height:30px; padding:0;}
    ul#globalnav li a:hover,ul#globalnav li.cur a,ul#globalnav li.cur a:hover{background:#f00; color:#fff;}
    ul#globalnav li ul.gn-sub{background-color:#2a2a2a; border-top:none; clear:both; display:block; left:0; margin-top:0; position:relative; top:0; width:200px;}
    ul#globalnav li ul.gn-sub li{border-bottom:1px #3a3a3a solid; margin:0;}
    ul#globalnav li ul.gn-sub li:last-child{border-bottom:1px #3a3a3a solid;}
    ul#globalnav li ul.gn-sub li a{background:#2a2a2a; border-bottom:none; height:30px; line-height:30px; padding-left:0; width:200px;}
    ul#globalnav li ul.gn-sub li a:hover,ul#globalnav li ul.gn-sub li.cur-sub a,ul#globalnav li ul.gn-sub li.cur-sub a:hover{background:#2a2a2a; color:#fff;}
    
    #mobilenav{background:#2a2a2a; border-bottom:2px #f00 solid; height:44px;}
    .mn-icon-drawer{background:url(../Images/btn_icon_drawer.png) center center no-repeat; cursor:pointer; float:left; height:44px; width:44px;}
    .mn-icon-search{background:url(../Images/btn_icon_search.png) center center no-repeat; cursor:pointer; float:right; height:44px; width:44px;}
    .mn-icon-logo{background:url(../Images/btn_icon_logo.png) center center no-repeat; cursor:default; float:right; height:44px; margin-right:10px; width:59px;}
    .quicknav-mobile{background:#2a2a2a; display:block; clear:both; height:44px; left:-230px; position:absolute; top:0; width:200px; z-index:99999999;}
    .btn-icon-close{background:url(../Images/btn_icon_close.png) center center no-repeat; cursor:pointer; float:right; height:44px; width:44px;}
}
    
/* hero */
#hero{display:inline-table; height:472px; overflow:hidden; width:100%;}
.slider-container{height:472px; margin:0 auto; overflow:hidden; position:relative; width:1000px; z-index:9;}
.slider-wrap{height:472px; left:50%; margin-left:-1500px; overflow:hidden; position:absolute; top:0; width:5000px;}
.slider-container ul{}
#_slide li{float:left; height:472px; position:relative; text-align:center; width:1000px;}
.slider-container .pic{display:block; height:472px; position:relative; width:1000px;}
.slider-container .pic img{display:block; height:472px; width:1000px;}
.slide_Bg{background:#000; height:472px; left:0; filter:alpha(opacity=50); /* for IE */ -moz-opacity:0.5; /* for Moz + Firefox */ opacity:0.5; /* for CSS3 + Firefox1.5 */ position:absolute; top:0; width:1000px;}
.cur .slide_Bg{display:none;}
#slide_list {left:0; position:absolute;}
.slider-container li img{position:relative;}
.slider-container li p{background:url(../Images/bg_transblack.png) repeat; bottom:0; color:#fff; display:none; font-size:20px; font-weight:bold; height:50px; left:0; line-height:50px; padding-left:25px; position:absolute; text-align:left; width:975px; z-index:100;}
.cur .st_ty{display:block;}
#focus_dot{bottom:19px; height:12px; margin-right:-475px; position:absolute; right:50%; width:110px; z-index:101}
#focus_dot li{background:url(../Images/bg_dot.png) 0 0 no-repeat; cursor:pointer; display:inline; float:left; height:12px; margin-left:10px; overflow:hidden; text-indent:-999em; width:12px;}
#focus_dot li.current{background-position: 0 -12px;}
.slider-container .pic:hover{text-decoration:none;}
.st_ty{cursor:pointer;}
.slider-btn{background:url(../Images/bg_arrow.png); cursor:pointer; height:54px; position:absolute; top:185px; width:54px;}
.slider-btn-l{left:0;}
.slider-btn-r{right:0;}
.slider-btn-l{background-position:0 0; left:50%; margin-left:-500px;}
.slider-btn-l:hover{background-position:0 -54px;}
.slider-btn-r{background-position:-54px 0; margin-right:-500px; right:50%;}
.slider-btn-r:hover{background-position:-54px -54px;}
@media screen and (max-width: 640px) {
#hero{display:block; height:156px; overflow:hidden;}
.slider-container{height:151px; width:320px;}
.slider-wrap{height:151px; margin-left:-480px; width:1600px;}
#_slide li{height:151px; width:320px;}
.slider-container .pic{height:151px; width:320px;}
.slider-container .pic img{display:block; height:151px; width:320px;}
.slide_Bg{height:151px; width:320px;}
.slider-container li p{font-size:14px; height:30px; line-height:30px; padding-left:7px; width:313px;}
#focus_dot{display:none; height:6px; margin-right:-153px; position:absolute; right:50%; top:133px; width:45px; z-index:101}
#focus_dot li{background:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height:6px; margin-left:3px; width:6px;}
#focus_dot li.current{background:#f00;}
.slider-btn{background:url(../Images/bg_arrow.png); cursor:pointer; height:38px; position:absolute; top:39px; width:38px;}
.slider-btn-l{left:0;}
.slider-btn-r{right:0;}
.slider-btn-l{background-position:-8px -116px; left:50%; margin-left:-160px;}
.slider-btn-l:hover{background-position:-8px -116px;}
.slider-btn-r{background-position:-62px -116px; margin-right:-160px; right:50%;}
.slider-btn-r:hover{background-position:-62px -116px;}
}
@media screen and (min-width: 641px) and (max-width: 1005px) {
#hero{width:1006px;}
}

/* promos */
#promos{padding:25px 12px 23px 13px;}
.promos-box{float:left; height:227px; margin:0 13px 0 12px; width:300px;}
.promos-box > p{line-height:0;}
    p.pb-pic,p.pb-pic img{height:181px; width:300px;}
    p.pb-title{font-size:16px; font-weight:bold; height:46px; line-height:46px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:300px;}
@media screen and (max-width: 640px) {
#promos{display:none;}
}

/* home gallery */
#gallery{padding:19px 12px 25px 13px;}
.gallery{padding:0 13px 0 12px; }
.gallery h1{background:url(../Images/bg_gallery_cap.png) left center #212121 no-repeat; height:56px;}
.gallery-box{position:relative; float:left; margin:0 13px 25px 12px; overflow:hidden;}
.gallery-box.bigger{margin:25px 12px;}
.gallery-box,.gb-pic,.gb-pic img,.gb-mask{height:181px; width:300px;}
.gallery-box.bigger,.gallery-box.bigger .gb-pic,.gallery-box.bigger .gb-pic img,.gallery-box.bigger .gb-mask{height:463px; width:463px;}
    .gb-pic{left:0; position:absolute; top:0;}
    .gb-mask{background:#000; left:0; filter:alpha(opacity=0); /* for IE */ -moz-opacity:0; /* for Moz + Firefox */ opacity:0; /* for CSS3 + Firefox1.5 */ position:absolute; top:0;}
    .gb-contbox{background:#fff; bottom:-40px; font-size:19px; height:40px; left:15%; line-height:40px; filter:alpha(opacity=80); /* for IE */ -moz-opacity:0.8; /* for Moz + Firefox */ opacity:0.8; /* for CSS3 + Firefox1.5 */ margin-left:-10px; padding:0 10px; position:absolute; text-align:center; width:70%;}
        .gbcb-content{color:#212121; font-size:14px; font-weight:bold; overflow:hidden; position:relative; text-overflow:ellipsis; white-space:nowrap; width:100%;}
@media screen and (max-width: 640px) {
#gallery{display:none;}
}

/* info */
#info{background-color:#343434; padding-top:40px;}
#info p{color:#d9d9d9; font-size:14px; line-height:21px;}
#news{float:left; width:670px;}
#news h1{margin-bottom:14px; width:605px;}
#group{float:right; width:330px;}
#group h1{margin-bottom:10px;}
  
/* main */
#main{background-color:#fff;}
.main{min-height:400px; padding-bottom:40px; padding-top:38px;}
.notfound{background:url(../Images/notfound.jpg) center center no-repeat; height:400px;}
#main-contbox{padding:0 25px;}
#main-mobile{display:none;}
.mc-content{width:650px;}
.mc-content h1{border-bottom:4px #f00 solid; color:#000; font-size:16px; font-weight:bold; height:27px; margin-bottom:21px; margin-right:25px;}
.content .mc-content{width:725px;}
.content h1{margin-right:0;}
.content #content{padding-right:0;}
#content{line-height:190%; padding-right:25px; word-wrap:break-word;}
#content h2{color:#212121; font-size:24px; font-weight:bold; line-height:123%; padding-bottom:10px; text-align:center;}
#content h3{color:#999; font-size:12px; padding-bottom:10px; text-align:center;}
#content p{padding:12px 0;}
#content iframe{height:400px;}
#content img{height:auto; max-width:605px;}
#content .thanksfor{color:#212121; font-size:13px; line-height:150%; text-align:center;}
#content .tac{text-align:center;}
#content .tal{text-align:left;}
#content .tar{text-align:right;}
.content h1{margin-right:0;}
.content-btn a,.content-btn a:visited,.content-btn a:active{background:#ddd; color:#212121; display:block; font-size:14px; height:32px; line-height:32px; margin:-21px 25px 25px 0; text-align:center; text-decoration:none;}
.content-btn a:hover{background:#ccc;}
.tag-links{border-bottom:1px #ccc solid; padding:28px 0 12px; margin-bottom:1px;}
.tag-links span,.tag-links span a{color:#f00; display:block; float:left; font-size:16px; height:24px; line-height:24px; margin-bottom:5px;}
.tag-links span a,.tag-links span a:visited,.tag-links span a:active{border:1px #666 dotted; color:#212121; font-size:13px; height:22px; line-height:22px; margin-right:5px; padding:0 5px; text-decoration:none; white-space:nowrap;}
.tag-links span a:hover{border:1px #f00 dotted; color:#f00;}
.article-links,.article-links a,.article-links a:visited,.article-links a:active{font-size:14px; line-height:150%;}
@media screen and (max-width: 640px) {
#main{padding:20px 10px;}
.main{min-height:300px;}
.notfound{background:url(../Images/notfound_small.jpg) center center no-repeat; height:300px;}
#main-contbox{padding:0;}
.main-web{display:none;}
#main-mobile{display:block;}
.mc-content{width:100%;}
.mc-content h1{border-bottom:2px #f00 solid; font-size:13px; height:20px; margin-bottom:18px; margin-right:0;}
.content .mc-content{width:100%;}
#content{line-height:170%; padding-right:0;}
#content h2{font-size:17px;}
#content h3{font-size:11px; line-height:150%; padding-bottom:5px;}
#content p{padding:6px 0;}
#content iframe{height:200px;}
#content img{width:100%;}
.content-btn a,.content-btn a:visited,.content-btn a:active{margin:-10px 0 0;}
.tag-links span,.tag-links span a{font-size:14px; height:22px; line-height:22px;}
.tag-links span a,.tag-links span a:visited,.tag-links span a:active{font-size:12px; height:20px; line-height:20px; margin-right:4px; padding:0 4px;}
.article-links,.article-links a,.article-links a:visited,.article-links a:active{font-size:13px;}
}

.sidebar{position:relative; width:300px;}
.content .sidebar{width:200px;}
.sidebar h1{color:#000; font-size:16px; font-weight:bold; height:27px;}
.sb-contbox{border-top:4px #f00 solid; margin-bottom:25px; padding-top:25px;}
.sb-contbox.noblock{padding-top:5px; width:300px;}
.sb-contbox h1{background:#f00; color:#fff; font-size:16px; font-weight:bold; height:38px; line-height:38px; margin-bottom:10px; text-align:center;}
ul.sidebarnav{border-top:4px #f00 solid; padding-top:13px;}
ul.sidebarnav li{border-bottom:1px #eee solid;}
ul.sidebarnav li a{color:#212121; display:block; font-size:14px; padding:10px 25px; text-decoration:none;}
ul.sidebarnav li.cur a,ul.sidebarnav li.cur a:hover,ul.sidebarnav li a:hover{color:#f00;}
@media screen and (max-width: 640px) {
.sidebar{display:none;}
}

h1,h2,h3{position:relative;}
h1 span,h2 span{position:absolute; right:0; top:0;}
h1 span a.more,h2 span a.more{background:#f00; color:#fff; display:block; font-size:14px; height:32px; line-height:32px; margin:12px 13px; text-align:center; width:88px;}
h2 span a.more{margin:0 0 0 13px;}
h1 span a.more:hover,h2 span a.more:hover{color:#000;}

/* body */
/* list */
.list-thumbnail{border-bottom:1px #ccc solid; margin-bottom:21px; margin-right:25px; padding-bottom:25px; width:625px;}
.list-thumbnail.ver{float:left; width:300px;}
.list-thumbnail-stamp{padding:2px 0 5px;}
.list-thumbnail-stamp,.list-thumbnail-stamp a,.list-thumbnail-stamp a:visited,.list-thumbnail-stamp a:active{color:#999; font-size:12px; text-decoration:none;}
.list-thumbnail-stamp a:hover{color:#666;}
.list-thumbnail-title{overflow:hidden; padding-bottom:10px; text-overflow:ellipsis; white-space:nowrap; width:100%;}
.list-thumbnail-title a{color:#212121; font-size:20px; font-weight:bold; text-decoration:none;}
.list-thumbnail-title a:hover{color:#f00;}
.list-thumbnail-pic{float:left; height:181px; width:300px;}
.list-thumbnail-pic img{border:0; height:181px; width:300px;}
.list-thumbnail-desc{margin-left:325px;}
.list-thumbnail.ver .list-thumbnail-desc{margin-left:0; margin-top:181px; padding-top:8px;}
.list-thumbnail-desc p{color:#666; font-size:13px; line-height:190%;}
.list-thumbnail-desc p a.more{color:#212121; display:block; font-size:15px; font-weight:bold; line-height:100%; padding-top:12px;}
.list-thumbnail-desc p a.more:hover{color:#f00;}

.list-thumbnail-nodesc{border-bottom:1px #ccc solid; margin-bottom:5px; padding-bottom:5px;}
@media screen and (max-width: 640px) {
.list-thumbnail-nodesc{border-bottom:1px #ddd solid; margin-bottom:10px; padding-bottom:10px;}
}
.list-thumbnail-nodesc-pic{float:left; height:61px; width:101px;}
.list-thumbnail-nodesc-pic img{border:0; height:61px; width:101px;}
.list-thumbnail-nodesc-title{line-height:110%; margin-left:110px; padding:4px 0 3px;}
.list-thumbnail-nodesc-title a{color:#212121; font-size:14px; font-weight:bold; text-decoration:none;}
.list-thumbnail-nodesc-title a:hover{color:#f00;}
.list-thumbnail-nodesc-stamp{margin-left:110px;}
.list-thumbnail-nodesc-stamp p{color:#999; font-size:12px; line-height:153%;}

/* ul style */
ul.ulstyledeci{overflow:hidden;}
ul.ulstyledeci h3{font-weight:bold; color:#666; line-height:190%;}
ul.ulstyledeci li{margin-left:20px; padding-left:3px; color:#666; line-height:190%; list-style:circle;}

ul.square{overflow:hidden;}
ul.square h3{font-weight:bold; color:#666; line-height:190%;}
ul.square li{margin-left:20px; padding-left:3px; color:#666; line-height:190%; list-style:square;}

ol.olstyledot{}
ol.olstyledot h3{font-weight:bold; font-size:14px; color:#333; line-height:190%;}
ol.olstyledot li{margin-left:15px; font-size:14px; color:#666; line-height:190%;}
ol.olstyledot ul li{margin-left:35px; padding-left:3px; font-size:14px; line-height:190%; list-style:circle;}

ol.olstyledeci{}
ol.olstyledeci h3{font-weight:bold; font-size:14px; color:#333; line-height:190%;}
ol.olstyledeci li{margin-left:23px; font-size:12px; color:#666; line-height:190%; list-style:decimal;}

/* noborder table style */
.nobdTB{background:#fff; margin-top:12px;}
.nobdTB tr th,.nobdTB tr td{line-height:170%; padding:5px 7px;}
.nobdTB tr th{color:#333; font-size:13px;}
.nobdTB tr td{color:#666; font-size:12px;}

/* bg border table style */
.bgbdTB{background:#eee; margin-top:12px;}
.bgbdTB tr th,.bgbdTB tr td{line-height:170%; padding:5px 7px;}
.bgbdTB tr th{background:#e4e4e4; color:#333; font-size:13px; text-align:center;}
.bgbdTB tr td{background:#fff; color:#666; font-size:12px;}
.bgbdTB tr:even{background:#f5f5f5;}

/* Page links */
.page-links{clear:both; font-size:12px; line-height:22px; margin:16px 0 12px; text-align:center; text-transform:uppercase;}
.page-links a,.page-links > span{background:#f00; border:1px solid #f00; color:#fff; display:inline-block; height:22px; margin:0; padding:0 8px; text-align:center;}
.page-links a{background:#fff; border:1px solid #ddd; color:#212121; text-decoration:none;}
.page-links a:hover{ background:#f5f5f5; border:1px solid #ddd;}
.page-links > .page-links-title{background:#fff; border:none; color:#666; height:auto; margin:0; padding-right:7px; width:auto;}
/* pagination */
.pagination{padding-right:25px; text-align:center;}
	.pagination a{background:#f00; color:#fff; display:block; float:left; font-size:14px; height:32px; line-height:32px;  margin-right:5px; text-decoration:none!important; width:88px;}
	.pagination a:hover{color:#000;}
@media screen and (max-width: 640px) {
	.pagination a{font-size:12px; height:28px; line-height:28px;  margin-right:4px; width:77px;}
}

#globalfooter{background-color:#f00; color:#fff; display:inline-table; font-size:12px; padding-top:28px; position:relative; text-align:center; width:100%;}
#globalfooter a{text-decoration:none;}
    .gf-links{margin-bottom:20px; padding-bottom:20px;}
    .gf-links,.gf-links a,.gf-links a:visited,.gf-links a:active{color:#fff; font-size:14px; font-weight:bold;}
    .gf-links a{margin:0 14px; white-space:nowrap;}
    .gf-links.flinks{color:#fff; font-weight:normal; margin-bottom:9px;}
    .gf-links.flinks a,.gf-links.flinks a:visited,.gf-links.flinks a:active{color:#eee; font-size:12px; font-weight:normal; line-height:150%; margin:0 7px;}
    .gf-links.flinks a:hover{color:#fff;}
    .gf-links.hline{border-bottom:2px #fff solid;}
    .gf-copyright,.gf-copyright a,.gf-copyright a:visited,.gf-copyright a:active{background:url(../Images/bg_dark.png); color:#aaa; font-size:12px; height:44px; line-height:44px;}
    .gf-copyright span,.gf-copyright a{margin:0 7px; white-space:nowrap;}
    .gf-copyright a:hover{color:#ddd;}
    ul.gf-totop{background:#fff; bottom:50%; display:block; margin-bottom:-158px; position:fixed; right:0; width:44px; z-index:999999999;}
    ul.gf-totop li{background:url(../Images/bg_gf_totop.png) no-repeat; cursor:pointer; height:44px; margin-bottom:1px; position:relative; width:44px;}
    ul.gf-totop li:last-child{margin-bottom:0;}
    ul.gf-totop li.cap-share{background-position:-3px -1px; height:22px; cursor:default;}
    ul.gf-totop li.weibo-share{background-position:-3px -27px;}
    ul.gf-totop li.weibo-share:hover{background-position:-53px -27px;}
    ul.gf-totop li.wechat-share{background-position:-3px -77px;}
    ul.gf-totop li.wechat-share:hover{background-position:-53px -77px;}
    ul.gf-totop li.qzone-share{background-position:-3px -127px;}
    ul.gf-totop li.qzone-share:hover{background-position:-53px -127px;}
    ul.gf-totop li.cap-follow{background-position:-3px -175px; height:22px; cursor:default;}
    ul.gf-totop li.weibo{background-position:-3px -201px;}
    ul.gf-totop li.weibo:hover{background-position:-53px -201px;}
    ul.gf-totop li.wechat{background-position:-3px -251px;}
    ul.gf-totop li.wechat:hover{background-position:-53px -251px;}
    ul.gf-totop li div{display:none; position:absolute; z-index:9999999;}
    ul.gf-totop li div.wc-barcode{height:100px; left:-100px; top:-28px; width:100px;}
    ul.gf-totop li.top{background-position:-3px -301px;}
    ul.gf-totop li.top:hover{background-position:-53px -301px;}
    ul.gf-totop li a{display:block; height:44px; width:44px;}
    .totopbtn-open{background:url(../Images/bg_gf_totop.png) -103px -77px no-repeat; bottom:0; cursor:pointer; display:block; height:44px; position:fixed; right:0; width:44px; z-index:999999;}
    .totopbtn-close{background:url(../Images/bg_gf_totop.png) -103px -127px no-repeat; bottom:0; cursor:pointer; display:block; height:44px; position:fixed; right:0; width:44px; z-index:999999;}
@media screen and (max-width: 640px) {
#globalfooter{padding-top:0;}
    .gf-links{display:none;}
    .gf-copyright,.gf-copyright a,.gf-copyright a:visited,.gf-copyright a:active{background:#212121; height:38px; line-height:38px;}
    ul.gf-totop{bottom:0; display:none; height:38px; margin-bottom:0; position:fixed; right:38px; width:auto; z-index:99999;}
    ul.gf-totop li{float:left; height:38px; margin-bottom:0; margin-right:0; width:38px;}
    ul.gf-totop li.cap-share{background-position:-100px -4px; height:38px; width:19px;}
    ul.gf-totop li.cap-follow{background-position:-100px -179px; height:38px; width:19px;}
    ul.gf-totop li.weibo{background-position:-6px -204px;}
    ul.gf-totop li.weibo:hover{background-position:-56px -204px;}
    ul.gf-totop li.wechat{background-position:-6px -254px;}
    ul.gf-totop li.wechat:hover{background-position:-56px -254px;}
    ul.gf-totop li div.wc-barcode{left:-31px; top:-100px;}
    ul.gf-totop li.top{background-position:-6px -304px;}
    ul.gf-totop li.top:hover{background-position:-56px -304px;}
    ul.gf-totop li a{display:block; height:38px; width:38px;}
    .totopbtn-open{background:url(../Images/bg_gf_totop.png) -106px -80px no-repeat; bottom:0; cursor:pointer; height:38px; position:fixed; right:0; width:38px; z-index:999999;}
    .totopbtn-close{background:url(../Images/bg_gf_totop.png) -106px -130px no-repeat; bottom:0; cursor:pointer; height:38px; position:fixed; right:0; width:38px; z-index:999999;}
}

/* reset */
input,select,textarea,button{box-sizing:content-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ -moz-box-sizing:content-box;  /*Firefox3.5+*/ -ms-box-sizing:content-box; /*IE8*/ -o-box-sizing:content-box; /*Opera9.6*/ -webkit-box-sizing:content-box; /*Safari3.2+*/ font-family:/*"Lucida Grande",sans-serif,Heiti,黑体,*/"Microsoft Yahei","微软雅黑"; font-size:12px; padding:2px; color:#333;}
::-webkit-input-placeholder{color:#ddd; /* WebKit browsers */}
:-moz-placeholder{color:#ddd; /* Mozilla Firefox 4 to 18 */}
::-moz-placeholder{color:#ddd; /* Mozilla Firefox 19+ */}
:-ms-input-placeholder{color:#ddd; /* Internet Explorer 10+ */}

ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
select,input{display:inline-block;}

input.inputall,textarea.textareaall,select.selectall{background:#fefefe; border:1px #ddd solid; padding:5px;}
input.inputall{width:50%;}
textarea.textareaall{resize:vertical; width:80%;}
.btnall{background:#f00; border:0; color:#fff; cursor:pointer; display:block; font-size:14px; margin:12px 0; padding:5px 7px; text-align:center; width:78px;}
.btnall:hover{color:#000;}
input.btn_code{background:#eee; border:1px #efefef solid; color:#000; cursor:pointer; text-align:center; width:110px;}

a.block {display:block; cursor:pointer; }
a.block span,a.block em{color:#b60005; cursor:pointer;}
a.block:hover{text-decoration: none;}
a.block:hover span,a.block:hover em{ color:#b60005; text-decoration:underline;}

/* icons */
i{font-style:normal;}
i.icon{font-size:11px; height:10px; position:absolute; width:10px;}
i.icon-arrow-down{}

/* latest quantity */
ul.latestqty{display:block; height:24px;}
ul.latestqty li{float:left; height:24px; background:url(../Images/bg_latestqty.png) no-repeat;}
ul.latestqty li.lq-left{width:12px; background-position:0 0;}
ul.latestqty li.lq-middle{display:block; height:24px; font-family:arial; font-size:9px; color:#fff; text-align:center; line-height:24px; background-position:-13px 0; background-repeat:repeat-x;}
ul.latestqty li.lq-right{width:12px; background-position:-72px 0;}

.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}

.fl{float:left;}
.fr{float:right;}

.col2{overflow:hidden;}
.c2-left{float:left;}
.c2-right{float:right;}

.col3{overflow:hidden;}
.c3-left{float:left;}
.c3-middle{float:left;}
.c3-right{float:right;}

.marbtm-55xl{margin-bottom:55px;}
.marbtm-52xl{margin-bottom:52px;}
.marbtm-40xl{margin-bottom:40px;}
.marbtm-25xl{margin-bottom:25px;}
.marbtm-20xl{margin-bottom:20px;}

.marlft-364xl{margin-left:364px;}
.marlft-268xl{margin-left:268px;}
.marlft-125xl{margin-left:125px;}
.marlft-50xl{margin-left:50px;}
.marlft-16xl{margin-left:16px;}
.marlft{margin-left:0;}

.martop-25xl{margin-top:25px;}
.martop-45xl{margin-top:45px;}

.padbtm-14xl{padding-bottom:14px;}

.padlft-50xl{padding-left:50px;}
.padlft-16xl{padding-left:16px;}
.padlft-15xl{padding-left:15px;}
.padlft-14xl{padding-left:14px;}

.padtop-90xl{padding-top:90px;}
.padtop-45xl{padding-top:45px;}
.padtop-40xl{padding-top:40px;}
.padtop-15xl{padding-top:15px;}
.padtop-10xl{padding-top:10px;}
.padtop-xl{padding-top:1px;}
.padtop{padding-top:0;}

.padrgt-25xl{padding-right:25px;}

.wid77{width:77px;}
.wid107{width:107px;}
.wid170{width:170px;}
.wid214{width:214px;}
.wid242{width:242px;}
.wid249{width:249px;}
.wid260{width:260px;}
.wid284{width:284px;}
.wid339{width:339px;}
.wid500{width:500px;}
.wid503{width:503px;}
.wid570{width:570px;}
.wid599{width:599px;}
.wid625{width:625px;}
.wid649{width:649px;}
.wid770{width:770px;}

.height104{height:104px;}
.height415{height:415px;}
@media screen and (max-width: 640px) {
.height104{height:46px;}
}

.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs27{font-size:27px;}

.fwNormal{font-weight:normal;}
.fwBold{font-weight:bold;}

.fc999{color:#999;}
a.fc999:link,a.fc999:visited,a.fc999:active{color:#999; text-decoration:none;}
a.fc999:hover{color:#666; text-decoration:underline;}
.fcBlack{color:#000;}
a.fcBlack:link,a.fcBlack:visited,a.fcBlack:active{color:#212121; text-decoration:none;}
a.fcBlack:hover{text-decoration:underline;}
.fcLightGrey{color:#bbb;}
a.fcLightGrey:link,a.fcLightGrey:visited,a.fcLightGrey:active{color:#bbb; text-decoration:none;}
a.fcLightGrey:hover{color:#999; text-decoration:underline;}
.fcRed{color:#f00;}
a.fcRed:link,a.fcRed:visited,a.fcRed:active{color:#f00; text-decoration:none;}
a.fcRed:hover{text-decoration:underline;}
.fcGreen{color:#1e9227;}
.fcOrange{color:#ff6600;}
.fcWhite{color:#fff;}

.bcf5f5f5{background:#f5f5f5;}
.bcf7f7f7{background:#f7f7f7;}
.bcccc{background:#ccc;}
.bcffeeee{background:#ffeeee;}

.posrel{position:relative;}
.posabs{position:absolute; top:0; left:0;}

.tdNone{text-decoration:none;}

.mousehand{cursor:pointer;}

.aligncenter{display:block; margin-left:auto; margin-right:auto;}